@charset 'utf-8';

.foot-img{
    background-color: #fff;
    width: 1210px;
    margin: 0 auto;
    margin-bottom: 60px;
    img{
        margin: auto;
        margin-bottom: 60px;        
        margin: 0 auto;
    }
}
footer{
    background-color: #f9f9f9;
    .footer-cen{
        width: 1210px;
        margin: 0 auto;
        .btm1{
            height: 80px;
            padding: 20px  0;
            border-bottom: 1px solid #ddd;
            .btn-list{
                li{
                    float: left;
                    line-height: 40px;
                    font-size: 18px;
                    color: #333;
                    margin-right: 130px;
                    span{
                        float: left;
                        display: block;
                        height: 43px;
                        width: 43px;
                        margin-right: 10px;
                    }
                    .s1{
                        background: url(../images/btn1.png) no-repeat ;
                    }
                    .s2{
                        background: url(../images/btn2.png) no-repeat ;
                    }
                    .s3{
                        background: url(../images/btn3.png) no-repeat ;
                    }
                    .s4{
                        background: url(../images/btn4.png) no-repeat ;
                    }
                }
                li:last-child{
                    margin-right: 0;
                }
            }
        }
        .btm2{
            height: 210px;
            padding: 25px  0;
            border-bottom: 1px solid #ddd;
            .btm2-l{
                float: left;
                width: 924px;
                height: 160px;
                border-right: 1px solid #ddd;
                position: relative;
                overflow: hidden;
                .double{
                    position: absolute;
                    top: 0px;
                    right: -174px;
                    width: 318px;
                    height: 138px;
                    overflow: hidden;
                    .sec{
                        font-size: 14px;
                        padding-bottom: 8px;
                        color: #333;
                            margin-bottom: 0;
                        .iconfont{
                            font-size: 12px;
                            cursor: pointer;
                        }
                        .iconfont:first-child{
                            cursor: not-allowed;
                        } 
                    } 
                    li{
                        a{
                            color: #777;
                            line-height: 22px;
                            font-size: 12px;
                        }
                        a:hover{
                            color: brown;
                            text-decoration: none;
                        }
                    }
                }
                ul{
                    float: left;
                    width: 153px;
                    .first{
                        font-size: 14px;
                        padding-bottom: 8px;
                        color: #333;
                    }   
                    li{
                        a{
                            color: #777;
                            line-height: 22px;
                            font-size: 12px;
                        }
                        a:hover{
                            color: brown;
                            text-decoration: none;
                        }
                    }
                    
                }
            }
            .btm2-r{
                float: right;
                height: 160px;
                width: 284px;
                text-align: center;
                color: #333;
                .btm2-r-top{
                    margin-bottom: 20px;
                    h3{
                        margin-top: 0;
                        font-size: 22px;
                        padding: 5px 0;
                    }
                    p{
                        font-size: 14px;
                        margin-bottom: 14px;
                    }
                    .serve{
                        color: #fff;
                        font-size: 14px;
                        width: 170px;
                        height: 34px;
                        margin: auto;
                        background-color: #333;
                        line-height: 34px;
                        border-radius: 17px;
                        cursor: pointer;
                        span{
                            margin-right: 10px;
                            font-size: 12px;
                        }
                    }
                }
            }
            .btm2-r-btm{
                width: 250px;
                margin: auto;
                font-size: 14px;
                position: relative;
                .call{
                    position: relative;
                    .iconfont{
                        margin-right: 10px;
                        font-size: 22px;
                        cursor: pointer;
                    }
                    .iconfont:hover{
                        color: rgb(131, 124, 124);
                    }
                    .pic{
                        width: 90px;
                        height: 90px;
                        padding: 5px;
                        background-color: #fff;
                        position: absolute;
                        top: 28px;
                        left: 60px;
                        display: none;
                        img{
                            width: 80px;
                            height: 80px;
                        }
                    }
                    .wechat:hover ~ .pic{
                        display: block;
                        img{
                            width: 80px;
                            height: 80px;
                        }
                    }
                }
            }
        }
        .btm3{
            height: 135px;
            margin: 0 auto;
            padding: 25px 0;
            font-size: 12px;
            .btm3-logo{
                float: left;
                cursor: pointer;
               img{
                height: 20px;
                width: 82px;
               }
            }
            .btm3-text{
                float: left;
                margin-left: 20px;
                ul{
                    height: 20px;
                    li{
                        float: left;
                        margin-right: 6px;
                        padding-right: 6px;
                        border-right: 1px solid #d3d3d3;
                        a{
                            color: #666;
                        }
                        a:hover{
                            color: brown;
                            text-decoration: none;
                        }
                    }
                    li:last-child{
                        border-right: none;
                    }
                }
                .p1{
                    font-size: 12px;
                    color: #a4a4a4;
                    line-height: 20px;
                    margin-bottom: 0px;
                    a{
                        font-size: 12px;
                        color: #a4a4a4;
                    }
                    a:hover{
                        color: brown;
                        text-decoration: none;
                    }
                }
            }
            .warrant{
                float: right;
                img{
                width: 70px;
                height: 24px;
                }
            }
        }
    }
}